@charset "utf-8";
/* CSS Document */

.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.icon-arrow-a-left, .icon-arrow-a-right { /*background: url(../images/icon-sd26986d847.png) no-repeat;*/ }
.icon-arrow-a-left { background:url(../images/prev.png) no-repeat;height: 51px; width: 53px; }
    .icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover { background:url(../images/prev.png) no-repeat; }
.icon-arrow-a-right {background:url(../images/next.png) no-repeat;  height: 51px; width: 53px; }
    .icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover {background:url(../images/next.png) no-repeat;  }

/*html, body { background: #343434; font: 12px/1.5 tahoma,helvetica,arial,\5b8b\4f53,sans-serif; }
* html, * html body { background-image: url(about:blank); background-attachment: fixed; zoom: 1; }*/

a { color: #262626; text-decoration: none; }
    a:hover { color: #FF4503; text-decoration: underline; }
#main {overflow: hidden; zoom: 1; position: relative; }
#index_b_hero { width: 1200px; height:532px;margin: auto; position: relative; }
    #index_b_hero img { width: 1200px; height:532px; }
    #index_b_hero .heros { width: 1200px;height:532px;}
    #index_b_hero .hero-wrap { overflow: visible; position: absolute; }
    #index_b_hero .next, #index_b_hero .prev {  position: absolute; top: 50%; z-index:100;  margin-top: -25px; margin-left: -68px;  }
        #index_b_hero .next:hover, #index_b_hero .prev:hover { }
    #index_b_hero .next { margin: -25px -68px 0 0; right: 0; }
    #index_b_hero .disabled { background-color: #eee; }
    #index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero { background: #fff;/* padding: 5px; */z-index: 1; position: absolute; top: 0; left: 0; width: 1200px; height:532px; overflow: hidden; left: 1920px; }
    #index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -1200px; background:url(../images/zz_01.png) repeat; overflow: hidden; }
    #index_b_hero .mask-right { left: 1200px; }
    #index_b_hero .active { z-index: 2; left: 0; }




.changeBox_a1{width:1920px;height:440px;position:relative;overflow:hidden;}
.changeBox_a1 .a_bigImg{position:absolute;display:none; width:1920px; height:440px;}
.a_bigImg img{width:1920px; height:440px;}
.ul_change_a2{position:absolute; padding-left:67%; bottom:0px; width:33%; height:23px; padding-top:17px; overflow:hidden; background:url(../images/eee.png) repeat;  }
.ul_change_a2 li{display: -moz-inline-stack;display:inline-block;*display:inline;*zoom:1; width:51px; height:6px;float:left; position:relative;}
.ul_change_a2 span{display: -moz-inline-stack;display:inline-block; float:left;*display:inline;*zoom:1;cursor:hand;cursor:pointer;  width:51px; height:6px; color:#fff; text-align:center; text-align:center; /*background-color:#00884a;*/  color:#fff; line-height:7px;overflow:hidden; background-color:#fff;}
.ul_change_a2 span.on{ width:51px; height:6px;/* background-color:#fff; */color:#fff; text-decoration:none; display:inline-block; background-color:#439c3e;}
/*<div class="changeBox_a1" id="change_3">
                    <a href="#1" class="a_bigImg"><img src="images/banner1.png" /></a> 
                    <a href="#2" class="a_bigImg"><img src="images/banner2.jpg"/></a>
                    <ul class="ul_change_a2">
                        <li><span></span></li>
                        <li><span></span></li>
                    </ul>
                    <script type="text/javascript">
                        $('#change_3 .a_bigImg').soChange({
                        thumbObj:'#change_3 .ul_change_a2 span',
                        thumbNowClass:'on',//自定义导航对象当前class为on
                        changeTime:4000//自定义切换时间为4000ms
                    });
                    </script></div>*/
					
.changeBox_a3{width:484px;height:293px;position:relative;overflow:hidden;}
.changeBox_a3 .a_bigImg2{position:absolute;display:none; width:441px; height:283px; border:5px solid #dbdddc;}
.a_bigImg2 img{width:441px; height:283px;}
.ul_change_a4{position:absolute;right:0px; bottom:0px; width:27px; height:293px; /* margin-left:72%; *//*padding-top:7px; padding-left:20px; */overflow:hidden;}
.ul_change_a4 li{display: -moz-inline-stack;display:inline-block;*display:inline;*zoom:1; width:27px; height:74px;float:left; position:relative;}
.ul_change_a4 span{display: -moz-inline-stack;display:inline-block; float:left;*display:inline;*zoom:1;cursor:hand;cursor:pointer;  width:27px; height:70px; background:url(../images/k1.png) top right no-repeat; color:#fff; text-align:center;overflow:hidden; line-height:70px; text-align:center; color:#ffffff; display:inline-block;}
.ul_change_a4 span.on{ width:27px; height:70px; display:inline-block; color:#ffffff; background:url(../images/k2.png) top right no-repeat;}

									
/* advert */
.changeBox_a2{float:left;width:373px;height:287px; position:relative; }
.changeBox_a2 .a_bigImg{position:absolute;display:none;}
/* ul_change_a2 */
.ul_change_a3{position:absolute; z-index:1; right:-30px; width:30px; height:287px; top:0px;overflow:hidden; overflow:hidden;}
.ul_change_a3 li{display: -moz-inline-stack;display:inline-block;*display:inline;*zoom:1; width:30px; height:33px; float:left; }
.ul_change_a3 span{display: -moz-inline-stack;display:inline-block; float:left; text-align:center;*display:inline;*zoom:1;font-size:0.8em; width:30px; height:26px; line-height:26px; text-align:center; color:#8c888f; font-size:13px; font-family:"微软雅黑"; background-color:#e6dddd;/*filter:alpha(opacity=85);opacity:0.85;*/cursor:hand;cursor:pointer;}
.ul_change_a3 span.on{ background-color:#df0515; text-decoration:none; color:#fff;}
.changeDiv{position:absolute;display:none;}
.changeDiv p{position:absolute; z-index:0;right:0px;bottom:0px;width:373px;height:52px; line-height:52px;  font-family:"微软雅黑"; font-size:13px; text-align:center; background:url(../images/bg_news.png) repeat;overflow:hidden; color:#fff;}
.changeDiv p a{display:block; height:52px; line-height:52px; overflow:hidden;color:#fff; font-size:13px; font-family:"微软雅黑";}
.changeDiv p .s1{width:275px; height:72px; line-height:24px; color:#fff; overflow:hidden; display:inline-block;}

/*无缝从左往右滚动*/
#demo {overflow:hidden;}
#indemo {float: left;width: 8000%; }
#demo1 {float: left;}
#demo2 {float: left;}
.newc{ float:left;width:252px; height:170px; overflow:hidden;}
.newc a img{width:241px; height:170px;}
/*.newc a{width:383px; height:461px; position:relative; display:inline-block;}
.newc a img{ width:383px; height:461px;}
.newc a .s2{ display:none;}
.newc a:hover .s2{ display:block;}
.newc a:hover .s1{ display:none;}
.newc a .div1{width:186px; height:166px; background:url(../images/bg_01.png) repeat; position:absolute; left:0px; top:135px; padding:38px 95px 0px 102px; display:none;}
.newc a .div1_t{width:186px; height:60px; line-height:30px; overflow:hidden; color:#fff;}
.newc a .div1_t1{width:186px; height:25px; text-align:center; margin-top:20px;}
.newc a .div1_t1 span{width:68px; height:23px; line-height:23px; text-align:center; display:inline-block; border:1px solid #fefefe; color:#ffffff;}
.newc a:hover .div1{ display:block;}*/



#demoz {overflow:hidden;}
#indemoz {float: left;width: 8000%; }
#demo1z {float: left;}
#demo2z {float: left;}
.newcz{ float:left;width:120px; height:68px; overflow:hidden;}
.newcz .a_img,.newcz .a_img .img{width:108px; height:68px; display:inline-block; position:relative; overflow:hidden;}
.newcz .a_img .text{width:236px; height:177px; background:url(../images/bg_bac.png) repeat; position:absolute; left:0px; top:0px; padding-top:103px; display:none;}
.newcz .a_img .text_t{width:236px; height:36px; line-height:36px; color:#fff; overflow:hidden; text-align:center; font-size:16px;}
.newcz .a_img .text_c1{width:236px; height:23px; padding:6px 0px 0px 0px; text-align:center; }
.newcz .a_img:hover .text{ display:block;}

/*<div class="cx_content1" id="demo">
              <div  id="indemo">
                <div id="demo1">
                  <div class="newc">
                      <a href="" target="_blank"><img src="images/pic_01.jpg" /></a>
                  </div>
                  <div class="newc">
                     <a href="" target="_blank"><img src="images/pic_01.jpg" /></a>
                  </div>
                  <div class="newc">
                     <a href="" target="_blank"><img src="images/pic_01.jpg" /></a>
                  </div>
                  <div class="newc">
                     <a href="" target="_blank"><img src="images/pic_01.jpg" /></a>
                  </div>
                  <div class="newc">
                     <a href="" target="_blank"><img src="images/pic_01.jpg" /></a>
                  </div>
                </div>
                <div id="demo2"><!--这个div不能删除 -->
                  <div class="newc"><a href="" target="_blank"></a></div>
                  <div class="newc"><a href="" target="_blank"></a></div>
                  <div class="newc"><a href="" target="_blank"></a></div>
                  <div class="newc"><a href="" target="_blank"></a></div>
                  <div class="newc"><a href="" target="_blank"></a></div>
                </div>
              </div>
              </div>
                 <script language=JavaScript src="change_js/rolling.js"></script>*/


/*#demoz {overflow:hidden;}
#indemoz {float: left;width: 8000%; }
#demo1z {float: left;}
#demo2z {float: left;}
.newcz{ float:left;width:257px; height:178px;}
.newcz a img{ width:232px; height:171px;}
.newcz .text{width:232px; height:48px; line-height:24px; color:#555555; font-family:"微软雅黑";}
.newcz:hover a img{width:228px; height:167px; border:2px solid #da363f;}
.newcz:hover .text{ color:#da363f;}*/


#democ {overflow:hidden;}
#indemoc {float: left;width: 8000%; }
#demo1c {float: left;}
#demo2c {float: left;}
.newcc{ float:left;width:255px; height:280px; overflow:hidden;}
.newcc .a_img{width:236px; height:280px; display:inline-block; position:relative; overflow:hidden;}
.newcc .a_img .img{ width:236px; height:280px;}
.newcc .a_img .text{width:236px; height:177px; background:url(../images/bg_bac.png) repeat; position:absolute; left:0px; top:0px; padding-top:103px; display:none;}
.newcc .a_img .text_t{width:236px; height:36px; line-height:36px; color:#fff; overflow:hidden; text-align:center; font-size:16px;}
.newcc .a_img .text_c1{width:236px; height:23px; padding:6px 0px 0px 0px; text-align:center; }
.newcc .a_img:hover .text{ display:block;}



#demoz1 {overflow:hidden;}
#indemoz1 {float: left;width: 8000%; }
#demo1z1 {float: left;}
#demo2z1 {float: left;}
.newcz1{ float:left;width:257px; height:178px;}
.newcz1 a img{ width:232px; height:171px;}
.newcz1 .text{width:232px; height:48px; line-height:24px; color:#555555; font-family:"微软雅黑";}
.newcz1:hover a img{width:228px; height:167px; border:2px solid #da363f;}
.newcz1:hover .text{ color:#da363f;}



#demoz2 {overflow:hidden;}
#indemoz2 {float: left;width: 8000%; height:362px; }
#demo1z2 {float: left; width:1000px; height:362px;}
#demo2z2 {float: left;width:1000px; height:362px;}
.newcz2{ float:left;width:250px; height:181px; position:relative;}
.newcz2 a img{ width:231px; height:159px;border:1px solid #ff8789; padding:2px;}
.newcz2 .text,.newcz2 .text:hover{width:231px; height:31px; background:url(../images/bg_032.png) repeat; line-height:31px; color:#ffffff; font-weight:bold; text-decoration:none; position:absolute; left:3px;bottom:19px; text-align:center; display:none;}
.newcz2:hover .text{ display:block;}

/*从下往上无缝滚动*/
.scrolltop1{width:183px;height:500px;overflow:hidden;margin:22px 0px 9px 20px;}
.scrolltop1 li{width:163px; height:171px;overflow:hidden;}
.scrolltop1 img{width:161px; height:158px; border:1px solid #c7c7c7;}
/*<div class="scrolltop1">
    <ul>
       <li>
           <a href=""><img alt="" src="images/kh_01.jpg"/></a>
       </li>
       <li>
           <a href=""><img alt="" src="images/kh_01.jpg"/></a>
       </li>
       <li>
           <a href=""><img alt="" src="images/kh_01.jpg"/></a>
       </li>
       <li>
            <a href=""><img alt="" src="images/kh_01.jpg"/></a>
       </li>
        <li>
            <a href=""><img alt="" src="images/kh_01.jpg"/></a>
        </li>
       <li>
            <a href=""><img alt="" src="images/kh_01.jpg"/></a>
        </li>
    </ul>
</div>
<script type="text/javascript" src="change_js/slider.js"></script>
 <script type="text/javascript">
	$(document).ready(function(){
	$(".scrolltop1").imgscroll({
		speed: 40,    //图片滚动速度
		amount: 0,    //图片滚动过渡时间
		width: 1,     //图片滚动步数
		dir: "up"   // "left" 或 "up" 向左或向上滚动
	});
						
	});
</script> */



#zSlider{margin:0px auto; width:982px; height:405px; overflow:hidden;}
#picshow,#picshow_img{width:800px; height:400px; overflow:hidden; float:left;}
#picshow_img li{width:800px; height:400px; overflow:hidden; float:left; display:none;}
#picshow_img img{width:800px; height:400px; }
#select_btn{width:180px;height:398px; float:left; display:inline; border:1px solid #d7d7d7;}
#select_btn li{HEIGHT:98px;width:180px; position:relative; float:left;border-bottom:1px solid #d7d7d7; }
#select_btn li a{width:150px; height:70px; padding-top:28px;  display:inline-block; position:absolute; left:0px; padding-left:30px;  line-height:26px;color:#949494;}
#select_btn li a.current { background:url(../images/jt_0032.png) left center no-repeat;position:absolute; left:-14px; width:150px; height:70px;padding-top:28px; display:inline-block; TEXT-DECORATION: none; padding-left:45px;}
#select_btn li a.current #fccolor{color:#343434;}
#select_btn li a:hover{ background:url(../images/jt_0032.png) left center no-repeat;position:absolute; left:-14px; width:150px; height:70px;padding-top:28px; color:#949494;display:inline-block; TEXT-DECORATION: none; padding-left:45px;}
#select_btn li a:hover #fccolor{color:#343434;}



/* qqshop focus */
#focus {width:1680px; height:384px; overflow:hidden; position:relative;}
#focus ul {height:384px; position:absolute;}
#focus ul li {float:left; width:1680px; height:384px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {/*position:absolute; width:1280px; height:20px; left:0; bottom:26px; background:#000; border:1px solid red;*/}
#focus .btn {position:absolute; /*width:1280px; */height:20px; left:45%; /*padding:5px 10px;*/ /*right:0;*/ bottom:26px; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:20px; _font-size:0; margin-left:5px; cursor:pointer; background:url(../images/yd_002.png) left center no-repeat;}
#focus .btn span.on {background:url(../images/yd_001.png) left center no-repeat;}
#focus .preNext {width:33px; height:80px; position:absolute; top:130px; /*background:url(../images/right_btn.png) no-repeat 0 0;*/cursor:pointer;}
#focus .pre {left:20%; background:url(../images/l_btn.png) no-repeat;}
#focus .next {right:20%; background:url(../images/r_btn.png) no-repeat;}





/*向左滚动*/
.rollBox{width:614px;overflow:hidden;}
.rollBox .LeftBotton{height:48px;width:38px;background:url(../images/yj_l.png) left center no-repeat ;overflow:hidden;float:left; display:inline;cursor:pointer;}
.rollBox .RightBotton{height:48px;width:38px;background:url(../images/yj_r.png) right center no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .Cont{width:535px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:20000%;}
.rollBox .Cont .pic{width:107px; height:48px;float:left; line-height:48px; overflow:hidden; text-align:center; overflow:hidden;}
.rollBox .Cont .pic a{width:107px; height:48px; display:inline-block; text-align:center; overflow:hidden; color:#b9b9b9; font-size:25px; font-family:"微软雅黑"; font-weight:bold;font-style:italic;}
.rollBox .Cont .pic a:hover,.rollBox .Cont .pic a.activegjb{ color:#3779c2; text-decoration:none;}
.rollBox .Cont .pic .div{ display:none;}
.rollBox #List1,.rollBox #List2{float:left;}




.pro_c{width:715px; height:136pxpx; overflow:hidden;}
.pro_c .blk_18 {overflow:hidden;zoom:1;	width:715px;height:136px; margin:0px auto;}
.pro_c .blk_18 .pcont {	width:636px;  float:left;	overflow:hidden; }
.pro_c .blk_18 .ScrCont {width:32766px;	zoom:1;	}
.pro_c .blk_18 #List1_1, .pro_c .blk_18 #List2_1 {	float:left;}
.pro_c .blk_18 .LeftBotton{width:39px;	height:90px;float:left; background:url(../images/a_left.jpg) left center no-repeat;}
.pro_c .blk_18 .RightBotton{width:39px;	height:90px;float:left;background:url(../images/a_right.jpg) right center no-repeat;}
.pro_c .blk_18 .pl{	width:106px; height:120pxpx;float:left; text-align:center;}
.pro_c .blk_18 .pl img{width:85px; height:85px;}

.logo_text,.logo_text:hover{width:106px; height:35px; display:inline-block; text-align:center; line-height:35px; color:#606060; font-family:"微软雅黑";}



/*a.abtn{display:block;height:130px;width:17px;overflow:hidden;background:url(images/arrow3.png) no-repeat 0px 50%;}
a.aleft{float:left;}
a.agrayleft{cursor:default;background-position:-34px 50%;}
a.aright{float:right;background-position:-17px 50%;}
a.agrayright{cursor:default;background-position:-51px 50%;}*/
.scrolllist{width:249px;height:179px;margin:0 auto;}
.scrolllist .imglist_w{width:249px;height:179px;overflow:hidden;float:left;position:relative;/*必要元素*/}
.scrolllist .imglist_w ul{wheight:20000px;width:auto;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li{width:249px; height:29px; overflow:hidden; line-height:29px;}
.scrolllist .imglist_w li a{width:221px; height:29px; display:inline-block; background:url(../images/n_bg1.jpg) left center no-repeat; padding-left:28px; color:#4e4e4e;}
.scrolllist .imglist_w li a:hover{ color:#fff; background:url(../images/n_bg2.jpg) left center no-repeat; text-decoration:none;}



.abtn{position:absolute;top:0px;display:block;height:151px;width:50px;overflow:hidden;text-indent:-20000px;/*background:url(images/arrow3.gif) 0px center no-repeat;*/}
.aleft{ left:0px;background:url(../images/jt_left_current.gif) left center no-repeat;}
.agrayleft{cursor:default;background:url(../images/jt_left_current.gif) left center no-repeat;}
.aright{right:0px; background:url(../images/jt_right_current.gif) right center no-repeat;}
.agrayright{cursor:default;background:url(../images/jt_right_current.gif) right center no-repeat;}
.productshow{width:1000px;height:151px;position:relative; margin:0px auto;}
.productshow .scrollcontainer{width:900px;height:151px;overflow:hidden;position:relative; margin:0px auto;}
.productshow .scrollcontainer ul{width:20000px;position:absolute;}
.productshow .scrollcontainer li{float:left;width:212px;height:151px; padding:0px 6px 0px 7px;}
.productshow .scrollcontainer li .a_img{width:206px; height:145px; padding:2px; border:1px solid #e6e7e7;}
.productshow .scrollcontainer li .a_img:hover{ text-decoration:none; border:1px solid #ff6600; background-color:#fff4ce;}
.productshow .scrollcontainer li .a_img img{width:206px; height:145px;}







.aleft1{top:53px;right:-22px; background:url(../images/l_btn1.jpg) left no-repeat;}
.agrayleft1{cursor:default;background:url(../images/l_btn.jpg) left no-repeat;}
.aright1{right:-22px; top:30px;background:url(../images/r_btn.jpg) left no-repeat;}
.agrayright1{cursor:default;background:url(../images/r_btn1.jpg) left no-repeat;}

.productshow1{width:322px;height:164px;position:relative;}
.productshow1 .scrollcontainer1{width:322px;height:164px;overflow:hidden;position:relative;}
.productshow1 .scrollcontainer1 ul{width:20000px;position:absolute;}
.productshow1 .scrollcontainer1 li{float:left;width:161px;height:164px;}
.productshow1 .scrollcontainer1 li a img{width:132px;height:120px; border:2px solid #d7d7d7; padding:4px; background-color:#f1f1f1;}
.productshow1 .scrollcontainer1 li .text,.productshow1 .scrollcontainer1 li .text:hover{width:144px; height:32px; line-height:32px; text-align:center; color:#555555; overflow:hidden; border:0px;}



/*<div class="productshow">
                        <div class="scrollcontainer">
                            <ul>
                                <li>
                                  <a href=""><img src="images/pic_001.jpg" /></a>  
                                </li>
                                <li>
                                  <a href=""><img src="images/pic_001.jpg" /></a>  
                                </li>
                                <li>
                                  <a href=""><img src="images/pic_001.jpg" /></a>  
                                </li>
                                <li>
                                  <a href=""><img src="images/pic_001.jpg" /></a>  
                                </li>
                                <li>
                                  <a href=""><img src="images/pic_001.jpg" /></a>  
                                </li>
                                <li>
                                  <a href=""><img src="images/pic_001.jpg" /></a>  
                                </li>
                                <li>
                                  <a href=""><img src="images/pic_001.jpg" /></a>  
                                </li>
                                <li>
                                  <a href=""><img src="images/pic_001.jpg" /></a>  
                                </li>
                                
                            </ul>
                        </div>
                        <a class="abtn aleft" href="#left">左移</a>
                        <a class="abtn aright" href="#right">右移</a>
                    </div>
					<script type="text/javascript" src="change_js/Xslider.js"></script>
					 $(".productshow").Xslider({
						unitdisplayed:5,
						numtoMove:5,
						autoscroll:2000
						
					   });
*/



/*左右箭头banner*/
#example {width:1054px;height:404px;position:relative;z-index:0;overflow:hidden;}
#slides {position:absolute;/*top:15px;left:4px;*/z-index:100;}
#slides .prev {position:absolute;top:0px;left:0px;width:26px;height:404px;display:block;z-index:101;background:url(../images/left_btn.jpg) center no-repeat;}
.slides_container {margin-left:26px;width:1001px;height:404px;overflow:hidden;position:relative;}
#slides .next {position:absolute;top:0px;width:27px;height:404px;display:block;z-index:101;background:url(../images/right_btn.jpg) center no-repeat;
right:-26px;	}
/*.pagination {margin:26px auto 0;width:100px;}
.pagination li {float:left;margin:0 1px;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../img/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}
.caption {position:absolute;bottom:-35px;height:30px;padding:5px 20px 0 20px;background:#000;background:rgba(0,0,0,.5);width:949px;font-size:1.3em;line-height:1.33;color:#fff;border-top:1px solid #000;text-shadow:none;}
*/
/*<div id="example">
      <div id="slides">
				<div class="slides_container">
					<div><a href="" target="_blank"><img src="images/banner.jpg" width="949" height="392"></a></div>
					<div><a href="" target="_blank"><img src="images/banner1.jpg" width="949" height="392"></a></div>
                    <div><a href="" target="_blank"><img src="images/banner2.jpg" width="949" height="392"></a></div>
                    <div><a href="" target="_blank"><img src="images/banner3.jpg" width="949" height="392"></a></div>
                    <div><a href="" target="_blank"><img src="images/banner.jpg" width="949" height="392"></a></div>
                    <div><a href="" target="_blank"><img src="images/banner.jpg" width="949" height="392"></a></div>
                    <div><a href="" target="_blank"><img src="images/banner.jpg" width="949" height="392"></a></div>
				</div>
				<a href="#" class="prev"></a>
				<a href="#" class="next"></a>
			</div>
      <img src="img/example-frame.png" width="739" height="341" alt="Example Frame" id="frame">
		</div>
		<script src="change_js/slides.min.jquery.js"></script>
		$('#slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				play: 5000,
				pause: 2500,
				hoverPause: true,
				animationStart: function(){
					$('.caption').animate({
						bottom:-35
					},100);
				},
				animationComplete: function(current){
					$('.caption').animate({
						bottom:0
					},200);
					if (window.console && console.log) {
						// example return of current slide number
						console.log(current);
					};
				}
*/



#slider {
	position:absolute;
	top:0px;
	display:block;
	width:1000px;
	height:330px;
	z-index:3;
	overflow:hidden;
}
#slider img {
	width:1000px;
	height:330px;
}
.nivoSlider {
	position:absolute;
	width:1000px;
	height:330px;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img {
	display:block;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
	display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:115px;
	display:block;
	text-indent:-9999px;
	z-index:9;
	height:76px;
	width:39px;
	cursor:pointer;
	/*background:url(../images/arrows.png) no-repeat;*/
}
.nivo-directionNav .nivo-prevNav {
	background:url(../images/left_btn.jpg) no-repeat;
	
	left:0px;
}
.nivo-directionNav .nivo-nextNav {
	background:url(../images/right_btn.jpg) no-repeat;
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:absolute;
	width:1012px;
	display:block;
	background:url(../images/index_main_bg.png) -1px 0px no-repeat;
	height:46px;
	overflow:hidden;
	top:200px;
	left:0px;
	text-align:center;
	z-index:66;
}
.nivo-controlNav a {
	display:inline-block;
	background:url(../images/current.png) no-repeat;
	width:10px;
	height:11px;
	cursor:pointer;
	margin-right:3px;
	margin-top:3px;
}
.nivo-controlNav a.active {
	font-weight:bold;
	background:url(../images/current.png) -10px 0px no-repeat;
}
/*<div id="slider" class="nivoSlider">
                            <a href=""><img src="images/pic_005.jpg" /></a>  
                            <a href=""><img src="images/pic_006.jpg"/></a>
                            <a href=""><img src="images/pic_005.jpg"/></a>
                            <a href=""><img src="images/pic_006.jpg"/></a>
                          </div>
						   <script type="text/javascript" src="change_js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="change_js/jquery.nivo.slider.js"></script>
		$('#slider').nivoSlider();
*/


.slides1_wrap {position: relative;width:820px;}
#slides1 {overflow: hidden;height:290px;}
#slides1 li{width: 820px;height:290px; float:left;}
#slides1 li .con_div{width:820px; height:290px;}
#slides1 li .con_div_t{width:820px; height:22px; line-height:22px; color:#454545;}
#slides1 li .con_div_time{width:820px; height:18px; line-height:18px; color:#b9b6b6;}
.slides1_wrap .prev {width:39px;position: absolute;left:-39px;top:0px;outline: 0;}
.slides1_wrap .next {width:44px;position: absolute;left:0px;top:0px;outline: 0;}
.slides1_wrap a:active {top: 0px;}
.bx_pager {position: absolute;top:-40px;left:387px;}
.bx_pager a {float:left;width:8px;height:8px; margin-right:12px; background-color:#959595;-moz-border-radius:4px;      /* Gecko browsers */
-webkit-border-radius: 4px;   /* Webkit browsers */
border-radius:4px;            /* W3C syntax */}
.bx_pager a:hover, .bx_pager a.active {text-decoration: none; background-color:#6c411d;}





.slides2_wrap {position: relative;width:1000px;}
#slides2 {overflow: hidden;height:400px;}
#slides2 li{width: 1000px;height:400px; float:left;}
#slides2 li dl{width:1000px; height:400px;}
#slides2 li dl dd{width:249px; height:200px; float:left;}
#slides2 li dl dd .div{width:232px; height:154px; border:1px solid #dbdbdb; padding:3px;}
#slides2 li dl dd .div .a_img{width:232px; height:154px; display:inline-block; position:relative; overflow:hidden;}
#slides2 li dl dd .div .a_img{width:232px; height:154px; }
#slides2 li dl dd .div .a_img .a_text{width:232px; height:33px; line-height:33px; position:absolute; left:0px; bottom:0px; display:none; text-align:center; color:#fff; overflow:hidden; background:url(../images/bg_black.png) repeat;} 
#slides2 li dl dd .div .a_img:hover .a_text{ display:block;}
.slides2_wrap .prev {width:46px;position: absolute;right:61px;bottom:-26px;outline: 0;}
.slides2_wrap .next {width:46px;position: absolute;right:15px;bottom:-26px;outline: 0;}
.slides2_wrap a:active {bottom: -26px;}
.bx_pager1 {position: absolute;bottom:15px;left:50px;}
.bx_pager1 a {float:left;width:11px;height:5px; background:url(../images/yd_02.jpg) left center no-repeat; }
.bx_pager1 a:hover, .bx_pager1 a.active {text-decoration: none; background:url(../images/yd_01.jpg) left center no-repeat;}



.slides3_wrap {position: relative;width: 1000px;}
#slides3 {overflow: hidden;height: 530px;}
#slides3 li{width: 1000px;height:530px; float:left;}
#slides3 li .left,#slides3 li .left a img{width:721px; height:530px;}
#slides3 li .right{width:279px; height:345px; background-color:#f2f2f2; position:relative; padding-top:185px;}
#slides3 li .right .text{width:235px; height:186px; padding:0px 22px 22px 22px; overflow:hidden;}
#slides3 li .right .text a,#slides3 li .right .text a:hover{ height:42px; line-height:42px; color:#555555; overflow:hidden;}
#slides3 li .right .text div{width:235px; height:144px; overflow:hidden; line-height:24px; color:#555555;}
#slides3 li .right .more,#slides3 li .right .more:hover{width:249px; height:28px; line-height:28px; padding-left:30px; background:url(../images/xx_d.png) left no-repeat; color:#e4a09d;}
#slides3 li .right .jt{width:19px; height:38px; background:url(../images/jt_01l.png) no-repeat; position:absolute; left:-19px; top:245px;}
.slides3_wrap .prev {width:39px;position: absolute;left:-39px;top:136px;outline: 0;}
.slides3_wrap .next {width:44px;position: absolute;left:0px;top:136px;outline: 0;}
.slides3_wrap a:active {top: 136px;}
.bx_pager2 {position: absolute;bottom:25px;right:22%;}
.bx_pager2 a {float:left;width:12px;height:12px; margin-right:7px; background-color:#fff;-moz-border-radius:6px;      /* Gecko browsers */
-webkit-border-radius: 6px;   /* Webkit browsers */
border-radius:6px;            /* W3C syntax */}
.bx_pager2 a:hover, .bx_pager2 a.active {text-decoration: none; background-color:#bc120a;}


.slides4_wrap {position: relative;width: 1000px;}
#slides4 {overflow: hidden;height: 530px;}
#slides4 li{width: 1000px;height:530px; float:left;}
#slides4 li .left,#slides4 li .left a img{width:721px; height:530px;}
#slides4 li .right{width:279px; height:345px; background-color:#bc120a; position:relative; padding-top:185px; text-align:right;}
#slides4 li .right .text{width:235px; height:186px; padding:0px 22px 22px 22px; overflow:hidden;}
#slides4 li .right .text a,#slides4 li .right .text a:hover{ height:42px; line-height:42px; color:#fff; overflow:hidden;}
#slides4 li .right .text div{width:235px; height:144px; overflow:hidden; line-height:24px; color:#fff;}
#slides4 li .right .more,#slides4 li .right .more:hover{width:249px; height:28px; line-height:28px; text-align:right; padding-right:30px; background:url(../images/gg.png) left no-repeat; color:#d9d9d9;}
#slides4 li .right .jt{width:19px; height:38px; background:url(../images/jt_01.png) no-repeat; position:absolute; right:-19px; top:245px;}
.slides4_wrap .prev {width:39px;position: absolute;right:0px;top:136px;outline: 0;}
.slides4_wrap .next {width:44px;position: absolute;right:-44px;top:136px;outline: 0;}
.slides4_wrap a:active {top: 136px;}
.bx_pager3 {position: absolute;bottom:25px;left:15%;}
.bx_pager3 a {float:left;width:12px;height:12px; margin-right:7px; background-color:#ffffff;-moz-border-radius:6px;      /* Gecko browsers */
-webkit-border-radius: 6px;   /* Webkit browsers */
border-radius:6px;            /* W3C syntax */}
.bx_pager3 a:hover, .bx_pager3 a.active {text-decoration: none; background-color:#424242;}



.slides5_wrap {position: relative;width: 1000px;}
#slides5 {overflow: hidden;height: 530px;}
#slides5 li{width: 1000px;height:530px; float:left;}
#slides5 li .left,#slides5 li .left a img{width:721px; height:530px;}
#slides5 li .right{width:279px; height:345px; background-color:#f2f2f2; position:relative; padding-top:185px;}
#slides5 li .right .text{width:235px; height:186px; padding:0px 22px 22px 22px; overflow:hidden;}
#slides5 li .right .text a,#slides5 li .right .text a:hover{ height:42px; line-height:42px; color:#555555; overflow:hidden;}
#slides5 li .right .text div{width:235px; height:144px; overflow:hidden; line-height:24px; color:#555555;}
#slides5 li .right .more,#slides5 li .right .more:hover{width:249px; height:28px; line-height:28px; padding-left:30px; background:url(../images/xx_d.png) left no-repeat; color:#e4a09d;}
#slides5 li .right .jt{width:19px; height:38px; background:url(../images/jt_01l.png) no-repeat; position:absolute; left:-19px; top:245px;}
.slides5_wrap .prev {width:39px;position: absolute;left:-39px;top:136px;outline: 0;}
.slides5_wrap .next {width:44px;position: absolute;left:0px;top:136px;outline: 0;}
.slides5_wrap a:active {top: 136px;}
.bx_pager4 {position: absolute;bottom:25px;right:22%;}
.bx_pager4 a {float:left;width:12px;height:12px; margin-right:7px; background-color:#fff;-moz-border-radius:6px;      /* Gecko browsers */
-webkit-border-radius: 6px;   /* Webkit browsers */
border-radius:6px;            /* W3C syntax */}
.bx_pager4 a:hover, .bx_pager4 a.active {text-decoration: none; background-color:#bc120a;}



.Container { position: absolute;width:315px;padding:18px 0px 17px 0px; height:172px}
#Scroller-1 { position: absolute; overflow: hidden;width: 315px; height:172px;}
.Scroller-Container {position: absolute;top: 0px; left: 0px;width: 315px;}
.main_com_content{width:270px; }
.main_com_content ul{width:270px;}
.main_com_content ul li{width:247px; overflow:hidden; height:25px; line-height:25px; float:left; padding-left:23px; background:url(../images/tb_00333.jpg) left center no-repeat;}
.main_com_content ul li a,.main_com_content ul li a:hover{ color:#706e6e;}
#Scrollbar-Container {position: absolute;right:18px;}
.Scrollbar-Up {cursor: pointer;position: absolute;}
.Scrollbar-Track { width:18px; height:207px;position: absolute; background:url(../images/hk_bg.png) top center repeat-y}
.Scrollbar-Handle {position: absolute; width:18px; height:69px; cursor:pointer;}
.Scrollbar-Down {cursor: pointer;position: absolute;top: 187px;}




		
		/*左右滚动*/
.multipleColumn{ overflow:hidden; position:relative; width:599px;}
		.multipleColumn .hd1{ overflow:hidden;  height:25px;  }
		/*.multipleColumn .hd1 .prev,.multipleColumn .hd1 .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}*/
		.multipleColumn .hd1 .prev{position:absolute; left:10%; top:0px; background:url(../images/l_btn.png) left center no-repeat; width:80px; height:484px; cursor:pointer;}
		.multipleColumn .hd1 .next{position:absolute; right:10%; top:0px;background:url(../images/r_btn.png) right center no-repeat; width:80px; height:484px; cursor:pointer;}
			 
		/*.multipleColumn .hd1 .next{ background:url("images/icoRight.gif") no-repeat;  }*/
		.multipleColumn .hd1 ul{ margin:0px auto; overflow:hidden; zoom:1; height:25px;  zoom:1;width:23%; padding-left:77%;position:absolute; bottom:25px; left:0px; }
		.multipleColumn .hd1 ul li{ float:left;  width:14px; height:25px; overflow:hidden; text-indent:-999px; cursor:pointer; background:url(../images/tb_001.png) center no-repeat; }
		.multipleColumn .hd1 ul li.on{ background:url(../images/tb_002.png) center no-repeat; }

		.multipleColumn .bd{ overflow:hidden; height::; width:599px;  }
		.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:599px;  float:left; _display:inline; margin:0px auto; }
		.multipleColumn .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center; position:relative;  }
		.multipleColumn .bd ul li .pic{ text-align:center; }
		.multipleColumn .bd ul li .pic img{ width:599px; height:412px; display:block; }
		.multipleColumn .bd ul li .pic a:hover img{ border-color:#999; cursor:pointer; }
		.multipleColumn .bd ul li .title{width:151px; text-align:center; line-height:30px; position:absolute; left:10px; bottom:0px;background:url(../images/gp_textbg.png) repeat; color:#ffffff; font-family:"微软雅黑";    }
		
		
		#box_wwwzzjsnet{position:relative;width:825px;height:332px;}
#box_wwwzzjsnet ul{position:relative;width:825px;height:332px;}
#box_wwwzzjsnet li{position:absolute;/*border:6px solid #e0e0e0;*/list-style:none;background:#666666;width:0;height:0;top:146px;left:377px;z-index:0;cursor:pointer;overflow:hidden;border-radius:3px;}
#box_wwwzzjsnet li img{width:100%;height:100%;vertical-align:top;}
#box_wwwzzjsnet li div{position:absolute;bottom:-30px;width:100%;height:30px;background:#666666;filter:alpha(opacity=70);opacity:0.7;}
#box_wwwzzjsnet li div h4{ width:100%; height:30px; line-height:30px; font-size:14px; color:#fff; font-family:"微软雅黑"; text-align:center; font-weight:normal;}
/*#box_wwwzzjsnet li div h4 span{color:red;margin-left:10px;}
#box_wwwzzjsnet li div p{margin:5px 10px 0;text-indent:2em;}*/
#box_wwwzzjsnet .prev, #box_wwwzzjsnet .next{position:absolute; z-index:1000000000;top:122px;width:45px;height:45px;overflow:hidden;text-indent:-999px;cursor:pointer;}
#box_wwwzzjsnet .prev{left:0px; background:url(../images/l_btn1.png) no-repeat;}
#box_wwwzzjsnet .next{right:0px; background:url(../images/r_btn1.png) no-repeat;}